<section class="content-section-column" style="padding: 0 24px 24px 24px; background-color: #f0f2f4">
  <lv-tabs class="demo-tabs-default">
    <lv-tab [lvTitle]="snapshotTitle" lvTabClass="my-tab"></lv-tab>
    <lv-tab [lvTitle]="storageTitle" lvTabClass="my-tab"></lv-tab>
    <lv-tab [lvTitle]="textTitleTpl" lvTabClass="my-tab"></lv-tab>
  </lv-tabs>

  <ng-template #snapshotTitle>
    <div class="demo-tabs-title">
      <i lv-icon="icon-data-center" class="demo-tabs-title-icon"></i>
      <span><span class="demo-tabs-title-text">虚拟机快照</span>124</span>
    </div>
  </ng-template>

  <ng-template #storageTitle>
    <div class="demo-tabs-title">
      <i lv-icon="icon-storage" class="demo-tabs-title-icon"></i>
      <span><span class="demo-tabs-title-text">主机</span>12</span>
    </div>
  </ng-template>

  <ng-template #textTitleTpl>
    <div><span class="demo-tabs-title-text">存储设备</span>4</div>
  </ng-template>
</section>
